<template>
 
  <router-view/>
</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
html{
  margin: 0 auto;
  background: #F0F8FF;
}
.head {
  width: 100%;
  height: 80px;
  margin: 0 auto;
  background: #F5F5F5;
}
.el-header{
  --el-header-height: 80px;
}
.head-login {
  padding-top: 22px;
  text-align: right;

}

a {
  color: #5e5d5d;
  text-decoration: none;
}

.router-link-active {
  text-decoration: none;
}

.login-l:hover {
  color: #0098f7;
}

.login-l {
  margin-right: 5px;
}

.register:hover {
  color: #0098f7;
}

.btn {
  padding-top: 30px;
}

.logo {
  width: 62px;
  height: 62px;
  float: left;
}

.title {
  display: block;
  position: relative;
  width: 260px;
  height: 36px;
  font-size: 28px;
  left: -60px;
  top: -11px;
}
.btn{
  margin-top: -10px;
}
</style>
